<!--大轮换图 开始-->
<link rel="stylesheet" href="http://www.zjzs.com.cn/themes/default/static/css/index.css"/>
<link href="http://www.zjzs.com.cn/themes/default/static/js/lunbo/index.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/global.js"></script>
<script type="text/javascript" src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/tab.js"></script>
<script type="text/javascript">
	$(function(){
		var $window = $(window),
			window_width = $window.width();
		$('#js_banner, #js_banner_img li').width(window_width);

		var urlParam = G.util.parse.url(),
			startFrame = 0;
		if (urlParam.search && ('banner' in urlParam.search)) {
			startFrame = (parseInt(urlParam.search['banner'])-1) || 0;
		}

		new $.Tab({/*添加圆点按钮*/
			target: $('#js_banner_img li'),
			effect: 'slide3d',
			animateTime: 1000,
			stay: 4000,
			playTo: startFrame,
			autoPlay: true,
			merge: true,
			prevBtn: $('#js_banner_pre'),
			nextBtn: $('#js_banner_next')
		});
		$('#js_banner_img').css('left','-' + (window_width * startFrame) + 'px');
	})
</script>
<div id="js_banner" class="banner">

	<ul id="js_banner_img" class="banner_img clear">

		<li class="bgli01">
			<div class="banner_inner">
				<div class="child child1" data-z="2"><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/1-1.png"></div><!-- data-z="2"与data-z="3"表示两个图层进退场的顺序有区别 -->
				<div class="child child2" data-z="3"><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/1-2.png" style=" position:absolute; z-index:9">
                <a href="gz.html"><h1>汇聚杭城最优秀的工长队伍</h1>
                <p>10年以上家装从业经验，<br>为您提供更高品质的装修服务！<br>无中间差价，费用节省<b style="color:#fdad01">30%！</b></p>
                <span><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/more.png"></span></a>
                </div>
			</div>
		</li>
		<li class="bgli02">
			<div class="banner_inner">
				<div class="child child3" data-z="2"><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/2-1.png"></div><!-- data-z="2"与data-z="3"表示两个图层进退场的顺序有区别 -->
				<div class="child child2" data-z="3"><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/2-2.png" style=" position:absolute; z-index:9">
                <a href="#"><h1>家装一站式管家服务</h1>
                <p>设计托管、材料托管、工地托管、资金托管<br>更规范、更透明、更实惠、更省心！</p>
				
                <span><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/more.png"></span></a>
                </div>
			</div>
		</li>
		<li class="bgli03">
			<div class="banner_inner">
				<div class="child child3" data-z="2"><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/3-1.png"></div><!-- data-z="2"与data-z="3"表示两个图层进退场的顺序有区别 -->
				<div class="child child2" data-z="3"><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/3-2.png" style=" position:absolute; z-index:9">
                <a href="#"><h1>第三方权威装修监理</h1>
                <p>对比行业标准、监督施工工艺；<br>无需任何费用、保证业主权益。<br>家装猫腻终结者，<br>施工质量提升30%，业主再也不怕被坑了！</p>
                <span><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/more.png"></span></a>
                </div>
			</div>
		</li>
		<li class="bgli02">
			<div class="banner_inner">
				<div class="child child3" data-z="2"><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/2-1.png"></div><!-- data-z="2"与data-z="3"表示两个图层进退场的顺序有区别 -->
				<div class="child child2" data-z="3"><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/2-2.png" style=" position:absolute; z-index:9">
                <a href="#"><h1>家装一站式管家服务</h1>
                <p>设计托管、材料托管、工地托管、资金托管<br>更规范、更透明、更实惠、更省心！</p>
				
                <span><img src="http://www.zjzs.com.cn/themes/default/static/js/lunbo/more.png"></span></a>
                </div>
			</div>
		</li>
	</ul>
	<div class="banner_common">
		<a id="js_banner_pre" href="javascript:;" class="banner_pre"></a>
		<a id="js_banner_next" href="javascript:;" class="banner_next"></a>
	</div>
</div>
<!--大轮换图 结束-->